import { React, useState } from "react";

import "./login.scss";
import PassWordLogin from "../../components/PassWordLogin";
import ForgetPassWord from "../../components/ForgetPassWord";
import ChangePassword from "../../components/ChangePassword";

export default function Login() {
  const [formNavigation, setFormNavigation] = useState("1");

  const NavigationSelection = {
    1: <PassWordLogin setFormNavigation={setFormNavigation} />,
    2: <ForgetPassWord setFormNavigation={setFormNavigation} />,
    3: <ChangePassword setFormNavigation={setFormNavigation} />,
  };

  return (
    <div className="imageContainer">
      <div className="formboss">
        <div className="formContainer">
          {NavigationSelection[formNavigation]}
        </div>
      </div>
    </div>
  );
}
